import React from 'react';
import MotionPack from '../js/MotionPack';
import './AssetStore.css';

const AssetStorePage = ({ assets }) => {
  return (
    <main className="asset-store-page">
      {/* FUTURE DEV: API集成
        - GET /api/assets - 获取资源列表
        - GET /api/assets/:id - 获取资源详情
        - GET /api/assets/:id/preview - 获取预览数据
        - POST /api/assets/:id/download - 下载资源
        - POST /api/payment/create-order - 创建支付订单
        - GET /api/payment/order-status - 查询订单状态
        - GET /api/assets/categories - 获取分类列表
        - GET /api/assets/tags - 获取标签列表
      */}
      
      {/* FUTURE DEV: 功能增强
        - 3D预览功能集成
        - 支付系统集成
        - 下载管理
        - 资源收藏
        - 用户购买历史
        - 资源评分和评论
        - 资源推荐系统
        - 批量下载功能
      */}
      
      {/* FUTURE DEV: 数据结构扩展
        - 支付信息：订单号, 支付状态, 支付方式
        - 下载记录：下载时间, 下载次数, 下载IP
        - 用户数据：购买历史, 收藏列表
        - 资源统计：下载量, 评分, 评论数
        - 预览数据：缩略图, 3D预览, 动画预览
      */}
      
      <MotionPack assets={assets} />
    </main>
  );
};

export default AssetStorePage; 